<div class="ZZHT-nav-menus" id="nav_menu">
	<div class="nav-w" style="position: relative;">
		<div class="w-spacer"></div>
		<div class="dorpdown j-index" id="ZZHT-categorys">
			<div class="dt j-cate-dt">
				<a href="../second/second.html" target="_blank"><i class="icon-menu"></i>全部商品分类</a>
			</div>
			<div class="dd j-cate-dd ">
				<div class="dd-inner">
					<div v-for="(v,i) in menuArr" :id="'cat-icon-'+i" class="item fore1">
						<h3>
				            <a :href="'../second/second.html?catId='+v.catId" @mouseover="over(i)">{{v.catName}}</a>
				        </h3>
					</div>
				</div>
				<div style="display: none;" class="dorpdown-layer" v-if="menuArr.length>0">
					<div class="item-sub" i="1">
						<div class="item-brands" style="display: none;">
							<div class="brands-inner">
							</div>
						</div>
						<div class="subitems" v-if="menuArr[index].childs.length>0">
							<dl class="fore2" v-for="(item,s) in menuArr[index].childs">
								<dt>
	                                <a :href="'../second/second.html?catId='+item.catId">{{item.catName}}<i>&gt;</i></a>
	                            </dt>
								<dd>
									<a :href="'../second/second.html?catId='+j.catId" v-for="j in item.childs">{{j.catName}}</a>
								</dd>
							</dl>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div id="ZZHT-nav-items">
		<ul>
			<li class="fore1">
				<a href="../view/index.html">首页</a>
			</li>
			<li class="fore1">
				<a href="../view/brands.html">品牌街</a>
			</li>
			<li class="fore1">
				<a href="../view/shop.html">店铺街</a>
			</li>
			<li class="fore1">
				<a href="../view/index.html">华猫自营</a>
			</li>
		</ul>
	</div>
</div>

<script src="../js/vue.min.js"></script>
<script type="text/javascript" src="../js/qrcode.js"></script>
<script type="text/javascript">
var vNav = new Vue({
	el: '#nav_menu',
	data: {
		menuArr: [],
		index:1,
	},
	methods:{
		over:function(i){
			this.index=i;
		}
	}
		
})

$.ajax({//获取分类
	type: "get",
	url: "../plugin/json/navMenu.json",
	success: function(data) {
		vNav.menuArr = data.entity;
	}
});
$('.j-cate-dd').hover(function() {
	$(this).children('.dorpdown-layer').show();
}, function() {
	$(this).children('.dorpdown-layer').hide();
});

//header_end
</script>
